<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/header.css"/>
	<link rel="stylesheet" type="text/css" href="css/ppcy.css"/>
	<body>
		
		<header>
			<span class="left" onclick="location.href='shouye.html'"><img src="img/qt.png"/></span>
			<span class="center">品牌菜肴</span>
			<span class="right"></span>
		</header>
		<div class="bg"><img src="img/bg1.png"/></div>
		<div class="ppcy_meau">
			<ul class="ppcy_box_meishi_lis">
				
				<!--<li class="ppcy_meau_lis">
					<div class="ppcy_meau_img"><img src="img/images/foods_10.png"/></div>
					<div class="ppcy_meau_name">
						<h4>馋嘴蛙</h4>
						<p>单价：56元/位</p>
					</div>
					<div class="ppcy_meau_yuding"><button>预订</button></div>
				</li>-->
				
			</ul>
		</div>
		<div class="bga"><img src="img/bg1.png"/></div>
		<footer>
			<ul>
				<li><a href="#" class="curr" onclick="location.href='shouye.html'"><img src="img/fza.png"/>首页</a></li>
				<li><a href="#" onclick="location.href='fujin.html'"><img src="img/qa.png"/>附近</a></li>
				<li><a href="#" onclick="location.href='dingd.html'"><img src="img/th.png"/>订单</a></li>
				<li><a href="#" onclick="location.href='gengduo.html'"><img src="img/xin.png"/>更多</a></li>
			</ul>
		</footer>
		<script src="js/jquery-3.1.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/flexible.js"></script>
		<script src="js/flexible_css.js"></script>
		<script src="js/template.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$.get('js/ppcy.json',function(data) {
					$.each(data,function(i) {
						var aa=$("<li></li>")
				        aa.appendTo(".ppcy_box_meishi_lis")	
				        $('<div class="ppcy_meau_img"><img src="'+data[i].img+'"/></div>').appendTo(aa);
				        $('<div class="ppcy_meau_name"><h4>'+data[i].name+'</h4><p>'+data[i].price+'</p></div>').appendTo(aa);
				        $('<div class="ppcy_meau_yuding"><button>'+data[i].btn+'</button></div>').appendTo(aa);
					});
					
			$('.ppcy_meau_yuding button').eq(2).click(function(){
				location.href = 'cpjs.html';
			})
				},"json");
				
				$('footer>ul>li>a').click(function() {            	$(this).addClass('curr').parent().siblings().children().removeClass('curr');
           });
		</script>
	</body>
</html>
